﻿<!DOCTYPE html>
<html>
  <head>
    <title>卡片</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/卡片/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/卡片/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1162" class="ax_default">
        <div id="u1162_state0" class="panel_state" data-label="State1" style="">
          <div id="u1162_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u1163" class="ax_default box_2">
              <div id="u1163_div" class=""></div>
              <div id="u1163_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u1164" class="ax_default paragraph">
              <div id="u1164_div" class=""></div>
              <div id="u1164_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u1165" class="ax_default" data-label="header">
        <div id="u1165_state0" class="panel_state" data-label="State1" style="">
          <div id="u1165_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u1166" class="ax_default box_1">
              <div id="u1166_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u1167" class="ax_default">
              <div id="u1167_state0" class="panel_state" data-label="State1" style="">
                <div id="u1167_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1168" class="ax_default box_1">
                    <div id="u1168_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1169" class="ax_default box_1">
                    <div id="u1169_div" class=""></div>
                    <div id="u1169_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1170" class="ax_default box_1">
                    <div id="u1170_div" class=""></div>
                    <div id="u1170_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u1171" class="ax_default image">
                    <img id="u1171_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1172" class="ax_default box_1">
                    <img id="u1172_img" class="img " src="images/index/u11.png"/>
                    <div id="u1172_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1173" class="ax_default box_1">
        <div id="u1173_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u1175" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1175_div" class=""></div>
        <div id="u1175_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1176" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1176_div" class=""></div>
        <div id="u1176_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1177" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1177_div" class=""></div>
        <div id="u1177_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1178" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1178_div" class=""></div>
        <div id="u1178_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1179" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1179_div" class=""></div>
        <div id="u1179_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1180" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1180_div" class=""></div>
        <div id="u1180_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1181" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1181_div" class=""></div>
        <div id="u1181_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1182" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1182_div" class=""></div>
        <div id="u1182_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1183" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1183_div" class=""></div>
        <div id="u1183_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1184" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1184_div" class=""></div>
        <div id="u1184_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1185" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1185_div" class=""></div>
        <div id="u1185_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1186" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1186_div" class=""></div>
        <div id="u1186_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1187" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1187_div" class=""></div>
        <div id="u1187_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1188" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1188_div" class=""></div>
        <div id="u1188_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1189" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1189_div" class=""></div>
        <div id="u1189_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1190" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1190_div" class=""></div>
        <div id="u1190_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1191" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1191_div" class=""></div>
        <div id="u1191_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1192" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1192_div" class=""></div>
        <div id="u1192_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1193" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1193_div" class=""></div>
        <div id="u1193_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1194" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1194_div" class=""></div>
        <div id="u1194_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1195" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1195_div" class=""></div>
        <div id="u1195_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1196" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1196_div" class=""></div>
        <div id="u1196_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1197" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1197_div" class=""></div>
        <div id="u1197_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1198" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1198_div" class=""></div>
        <div id="u1198_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1199" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1199_div" class=""></div>
        <div id="u1199_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1200" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1200_div" class=""></div>
        <div id="u1200_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1201" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1201_div" class=""></div>
        <div id="u1201_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1202" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1202_div" class=""></div>
        <div id="u1202_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1203" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1203_div" class=""></div>
        <div id="u1203_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1204" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1204_div" class=""></div>
        <div id="u1204_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1205" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1205_div" class=""></div>
        <div id="u1205_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1206" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1206_div" class=""></div>
        <div id="u1206_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1207" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1207_div" class=""></div>
        <div id="u1207_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1208" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1208_div" class=""></div>
        <div id="u1208_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1209" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1209_div" class=""></div>
        <div id="u1209_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1210" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1210_div" class=""></div>
        <div id="u1210_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1211" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1211_div" class=""></div>
        <div id="u1211_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1212" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1212_div" class=""></div>
        <div id="u1212_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1213" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1213_div" class=""></div>
        <div id="u1213_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1214" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1214_div" class=""></div>
        <div id="u1214_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1215" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1215_div" class=""></div>
        <div id="u1215_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1216" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1216_div" class=""></div>
        <div id="u1216_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1217" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1217_div" class=""></div>
        <div id="u1217_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1218" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1218_div" class=""></div>
        <div id="u1218_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1219" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1219_div" class=""></div>
        <div id="u1219_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1220" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1220_div" class=""></div>
        <div id="u1220_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1221" class="ax_default box_1 selected" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1221_div" class="selected"></div>
        <div id="u1221_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1222" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1222_div" class=""></div>
        <div id="u1222_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1223" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1223_div" class=""></div>
        <div id="u1223_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1224" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1224_div" class=""></div>
        <div id="u1224_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1225" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1225_div" class=""></div>
        <div id="u1225_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1226" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1226_div" class=""></div>
        <div id="u1226_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1227" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1227_div" class=""></div>
        <div id="u1227_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1228" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1228_div" class=""></div>
        <div id="u1228_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1229" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1229_div" class=""></div>
        <div id="u1229_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1230" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1230_div" class=""></div>
        <div id="u1230_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1231" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1231_div" class=""></div>
        <div id="u1231_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1232" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1232_div" class=""></div>
        <div id="u1232_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1233" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1233_div" class=""></div>
        <div id="u1233_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1234" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1234_div" class=""></div>
        <div id="u1234_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1235" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1235_div" class=""></div>
        <div id="u1235_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1236" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1236_div" class=""></div>
        <div id="u1236_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1237" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-fenzu-light">
        <div id="u1237_div" class=""></div>
        <div id="u1237_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1238" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1238_div" class=""></div>
        <div id="u1238_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1239" class="ax_default box_1" selectiongroup="u1174nav-cebianlan-light">
        <div id="u1239_div" class=""></div>
        <div id="u1239_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u1241" class="ax_default">
        <div id="u1241_state0" class="panel_state" data-label="State1" style="">
          <div id="u1241_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u1242" class="ax_default box_1">
              <div id="u1242_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u1243" class="ax_default">
              <div id="u1243_state0" class="panel_state" data-label="State1" style="">
                <div id="u1243_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1244" class="ax_default box_1">
                    <div id="u1244_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1245" class="ax_default label">
                    <div id="u1245_div" class=""></div>
                    <div id="u1245_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1246" class="ax_default label">
                    <div id="u1246_div" class=""></div>
                    <div id="u1246_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1247" class="ax_default label">
                    <div id="u1247_div" class=""></div>
                    <div id="u1247_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1248" class="ax_default label">
                    <div id="u1248_div" class=""></div>
                    <div id="u1248_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1249" class="ax_default label">
                    <div id="u1249_div" class=""></div>
                    <div id="u1249_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1250" class="ax_default label">
                    <div id="u1250_div" class=""></div>
                    <div id="u1250_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u1251" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u1252" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u1253" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u1254" class="ax_default image">
                    <img id="u1254_img" class="img " src="images/index/u93.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u1255" class="ax_default label">
                    <div id="u1255_div" class=""></div>
                    <div id="u1255_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1256" class="ax_default" data-left="631" data-top="282" data-width="366" data-height="222">

        <!-- Unnamed (Rectangle) -->
        <div id="u1257" class="ax_default box_1">
          <div id="u1257_div" class=""></div>
          <div id="u1257_text" class="text ">
            <p></p><p></p><p></p><p></p><p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1258" class="ax_default box_1">
          <div id="u1258_div" class=""></div>
          <div id="u1258_text" class="text ">
            <p></p><p></p><p></p><p></p><p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1259" class="ax_default box_1">
          <div id="u1259_div" class=""></div>
          <div id="u1259_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'Ionicons';font-weight:400;color:#62697C;"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:650;font-size:13px;">Classic Films</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1260" class="ax_default label">
          <div id="u1260_div" class=""></div>
          <div id="u1260_text" class="text ">
            <p><span>Change</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1261" class="ax_default label">
          <div id="u1261_div" class=""></div>
          <div id="u1261_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Forrest Gump </span><span style="font-family:'Ionicons';color:#808695;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1262" class="ax_default label">
          <div id="u1262_div" class=""></div>
          <div id="u1262_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Inception </span><span style="font-family:'Ionicons';color:#808695;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1263" class="ax_default label">
          <div id="u1263_div" class=""></div>
          <div id="u1263_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Schindler's List </span><span style="font-family:'Ionicons';color:#808695;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1264" class="ax_default label">
          <div id="u1264_div" class=""></div>
          <div id="u1264_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">The Shawshank Redemption </span><span style="font-family:'Ionicons';color:#808695;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1265" class="ax_default label">
          <div id="u1265_div" class=""></div>
          <div id="u1265_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Leon:The Professional </span><span style="font-family:'Ionicons';color:#808695;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1266" class="ax_default label">
          <div id="u1266_div" class=""></div>
          <div id="u1266_text" class="text ">
            <p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1267" class="ax_default label">
          <div id="u1267_div" class=""></div>
          <div id="u1267_text" class="text ">
            <p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.2</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1268" class="ax_default label">
          <div id="u1268_div" class=""></div>
          <div id="u1268_text" class="text ">
            <p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1269" class="ax_default label">
          <div id="u1269_div" class=""></div>
          <div id="u1269_text" class="text ">
            <p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.6</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1270" class="ax_default label">
          <div id="u1270_div" class=""></div>
          <div id="u1270_text" class="text ">
            <p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.4</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1271" class="ax_default heading_1">
        <div id="u1271_div" class=""></div>
        <div id="u1271_text" class="text ">
          <p><span>Card 卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1272" class="ax_default heading_1">
        <div id="u1272_div" class=""></div>
        <div id="u1272_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1273" class="ax_default label">
        <div id="u1273_div" class=""></div>
        <div id="u1273_text" class="text ">
          <p><span>基础容器，用来显示文字、列表、图文等内容，也可以配合其它组件一起使用。</span></p><p><span>下面的示例做了两种实现方式，各有优劣，可根据实际使用选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1274" class="ax_default" data-left="230" data-top="282" data-width="366" data-height="223">

        <!-- Unnamed (Rectangle) -->
        <div id="u1275" class="ax_default box_1">
          <div id="u1275_div" class=""></div>
          <div id="u1275_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Forrest Gump </span><span style="font-family:'Ionicons';color:#808695;"></span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Inception </span><span style="font-family:'Ionicons';color:#808695;"></span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Schindler's List </span><span style="font-family:'Ionicons';color:#808695;"></span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">The Shawshank Redemption </span><span style="font-family:'Ionicons';color:#808695;"></span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#2C8CF0;">Leon:The Professional </span><span style="font-family:'Ionicons';color:#808695;"></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1276" class="ax_default box_1">
          <img id="u1276_img" class="img " src="images/卡片/u1276.png"/>
          <div id="u1276_text" class="text ">
            <p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.4</span></p><p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.2</span></p><p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.4</span></p><p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.6</span></p><p><span style="font-family:'Ionicons';">&nbsp; </span><span style="font-family:'LucidaGrande', 'Lucida Grande';">9.4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1277" class="ax_default label">
          <div id="u1277_div" class=""></div>
          <div id="u1277_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'Ionicons';font-weight:400;color:#62697C;"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';font-weight:650;font-size:13px;">Classic Films</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1278" class="ax_default line">
          <img id="u1278_img" class="img " src="images/卡片/u1278.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1279" class="ax_default label">
          <div id="u1279_div" class=""></div>
          <div id="u1279_text" class="text ">
            <p><span>Change</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1280" class="ax_default label">
        <div id="u1280_div" class=""></div>
        <div id="u1280_text" class="text ">
          <p><span>无边框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1281" class="ax_default label">
        <div id="u1281_div" class=""></div>
        <div id="u1281_text" class="text ">
          <p><span>不添加边框，建议在灰色背景下使用。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1282" class="ax_default box_2">
        <div id="u1282_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1283" class="ax_default" data-left="256" data-top="640" data-width="480" data-height="142">

        <!-- Unnamed (Rectangle) -->
        <div id="u1284" class="ax_default box_1">
          <img id="u1284_img" class="img " src="images/卡片/u1284.png"/>
          <div id="u1284_text" class="text ">
            <p><span>Content of no border type. Content of no border type. Content of no border type. Content of no border type.</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1285" class="ax_default label">
          <div id="u1285_div" class=""></div>
          <div id="u1285_text" class="text ">
            <p><span>No border title</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1286" class="ax_default line">
          <img id="u1286_img" class="img " src="images/卡片/u1286.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1287" class="ax_default label">
        <div id="u1287_div" class=""></div>
        <div id="u1287_text" class="text ">
          <p><span>卡片阴影</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1288" class="ax_default label">
        <div id="u1288_div" class=""></div>
        <div id="u1288_text" class="text ">
          <p><span>有阴影来突出卡片的层级，建议在灰色背景下使用。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1289" class="ax_default box_2">
        <div id="u1289_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1290" class="ax_default" data-left="825" data-top="640" data-width="228" data-height="169">

        <!-- Unnamed (Rectangle) -->
        <div id="u1291" class="ax_default box_1">
          <img id="u1291_img" class="img " src="images/卡片/u1291.png"/>
          <div id="u1291_text" class="text ">
            <p><span>Content of card</span></p><p><span>Content of card</span></p><p><span>Content of card</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1292" class="ax_default label">
          <div id="u1292_div" class=""></div>
          <div id="u1292_text" class="text ">
            <p><span>Borderless card</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1293" class="ax_default line">
          <img id="u1293_img" class="img " src="images/卡片/u1293.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1294" class="ax_default" data-left="1078" data-top="640" data-width="228" data-height="169">

        <!-- Unnamed (Rectangle) -->
        <div id="u1295" class="ax_default box_1">
          <img id="u1295_img" class="img " src="images/卡片/u1295.png"/>
          <div id="u1295_text" class="text ">
            <p><span>Content of card</span></p><p><span>Content of card</span></p><p><span>Content of card</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1296" class="ax_default label">
          <div id="u1296_div" class=""></div>
          <div id="u1296_text" class="text ">
            <p><span>Use a card with a shadow</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1297" class="ax_default line">
          <img id="u1297_img" class="img " src="images/卡片/u1293.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
